<template>
  <!-- 一个.vue文件就是一个组件, 一个项目中只有一个根组件 App.vue -->
  <!-- 一个.vue文件内部一般是由三部分组成: template , script , style -->
  <!-- template 内部写标签 , 只能有一个根元素 -->
  <!-- script 内部写js逻辑 , 内部需要 export default {}, 所有的js代码都需要写在这里 -->
  <!-- style 内部写css样式 , 可以通过lang='xx'指定style内部的css语法 , 可以通过设置 scoped 属性 让多个.vue文件之间的样式互不影响 -->
  <div id="app">
    <!-- 标题搜索框 -->
    <TitleSearch></TitleSearch>
    <!-- 轮播图 -->
    <LoopPicture></LoopPicture>
    <!-- 猜你喜欢 -->
    <Like></Like>
    <!-- 商品信息 -->
    <Shops></Shops>

  </div>
</template>

<script>
import TitleSearch from './components/TitleSearch.vue'
import LoopPicture from './components/LoopPicture.vue'
import Like from './components/Like.vue'
import Shops from './components/Shops.vue'


export default {
  components:{
    TitleSearch,
    LoopPicture,
    Like,
    Shops
    
  }
  
}
</script>

<style lang="scss">
  * {
    margin: 0px;
    padding: 0px;
  }

</style>
